{extend name='layout/layoutname'}
{block name='head'}
	<title>个人中心-蚁巢众筹</title>
	<link rel="stylesheet" href="https://at.alicdn.com/t/font_234130_nem7eskcrkpdgqfr.css">
	<link rel="stylesheet" href="/static/css/personal_center.css" />
	<link rel="stylesheet" href="/static/css/earnings.css" />
	<style type="text/css">
		.jymm{
			width: 300px;
			height:300px ;
			border-radius: 20px;
			background: ghostwhite;
			text-align: center;
			overflow: hidden;
			position: fixed;
			top: 12%;
			left:40%; 
			display: none;
		}
		
		.jymm img{

			margin: 20px 0 0 70%;
			
		}
		.jymm input{
			margin: 50px 0 0 0 ;
			height: 30px;
			border: 1px solid #EEEEEE;
			
		}
		.jymm button{
			display: block;
			width: 30%;
			height: 30px;
			border: none;
			border-radius: 20px;
			background: #2CB5F5;
			color: #FFFFFF;
			margin:20px auto;
			cursor: pointer;
		}


	</style>
{/block}
{block name='body'}
	<div class="scroll" id='earnings_scroll'>
		<div class="scroll_picture" id='P_center_bg'></div>
	</div>
	<div class="business P_center" id='earnings_business'>
		<div class="main_center center">
			<div class="f_forms">
				<p>个人中心</p>
				<ul class="forms_list">
					<img src="/static/img/f_detail.png" alt="" class="f_small_ico"/>
					<li class="detail_color">我的钱包</li>
					<li>个人信息</li>
					<!-- <li>众筹订单</li> -->
					<li>签到领红包</li>
					<li>我的推荐码</li>
					<li>充值</li>
					<li>提现</li>
					<li>安全问题</li>
				</ul>
				<div class="news">
					<span class="news_btn">公告</span><img src="/static/img/down-0.png" alt="" />
					<ul>
						<li class="detail_color">行业动态</li>
						<img src="/static/img/f_detail.png" alt="" />
						<li>官方公告</li>
						<li>新闻资讯</li>
					</ul>
				</div>
			</div>
		    <div>  <!--防止siblings出错-->
				<div class="f_record show_hide my_wallet">
					<p>我的钱包</p>
					<div>
						<p>总资金</p>
						<p>{$user.total_funds}</p>
					</div>
					<div>
						<p>冻结资金</p>
						<p>{$user.settlemen_funds}</p>
						<a href="/index/Earning/index?list=0" class="click_detail">详情</a>
					</div>
					<div>
						<p>可用资金</p><p>{$user.available_funds}</p>
						<a  class="reflect_btn">提现</a>
						<a href="/index/Item/index"  class="click_detail">去众筹</a>
					</div>
					<div>
						<p>佣金</p>
						<p>{$user.commission}</p>
						<a href="/index/Earning/index?list=1"  class="click_detail">详情</a>
					</div>
				</div>
				<div class="show_hide broketage"  style="display: none;">
					<p>个人信息</p>
					<div>
						<div class="p_left">
							<p>姓名</p>
							<p>手机号</p>
							<p>等级</p>
							<p>身份证号</p>
							<p>开户行</p>
							<p>账号</p>
							<p>绑定QQ号</p>
						</div>
						<div class="p_right">
							<p>{$user.username}</p>
							<p>{$user.mobile|substr_replace=###,'****',3,4}</p>
							<p>{$group[$user.group_id]}</p>
                		    <p>{$user.ID_card_number|substr=###,0,4}**********{$user.ID_card_number|substr=###,-4}</p>
							<p>{$user.bank_name}</p>
		                	<p>{$user.bank_num|substr=###,0,4}******{$user.bank_num|substr=###,-4}</p>
							<p>{$user.QQaccount}</p>
						</div>
					</div>
                </div>
                <div class="show_hide"  style="display: none;">
                	<p>个人中心-签到</p>
                	<div id='schedule-box' class="boxshaw">
					</div>
					<div>
						<h3 id='h3Ele'></h3>
					</div>
					<dl class="date_exp">
						<dt>签到说明：</dt>
						<dd>总资产越多，会员等级越高，获得的签到奖励就越高哦</dd>
					</dl>
                </div>
                <div class="show_hide withdraw"  style="display: none;">
                	<p>直推</p>
                	<input type="button" onclick="getcode()" {$groom?"style='display:none;'":'';} value="获取我的推荐码" class="click_detail">
                	<div id="groom">
                		{if condition='$groom'}
                			<p>推荐二维码</p>
                			<img src="{$groom.gr_img}">
                			<p>&nbsp;</p>
                			<p>我的推荐链接：</p>
                			<p>{$groom.codepath}
                		{/if}
                	</div>
                </div>
                <div class="show_hide check_in"  style="display: none;">
                	<p>充值</p>
                	<div>
                	    <ul class="pay_btn">
                	    	<li class="pay_list">在线充值</li>
                	    	<li>网银转账</li>
                	    	<li>扫描转账</li>
                	    </ul>
                	    <div class="Pay_cut" >
                	        <div>
	                	        <p><label for="">充值金额</label><input type="text" /></p>
	                	        <p><label for="">支付方式</label><a href="#">支付宝</a></p>
	                	        <input type="button" value="提交" class="click_detail"/>
	                	    </div>
	                	    <div class="Pay_Ebank">
	                	        <p>请转账至下列银行账户中</p>
	                	        <div class="bank_collect">
	                	            <div>
		                	           	<p>
		                	             	<span>姓名</span>
		                	             	<span>{$allpays.bankown1}</span>
		                	            </p>
		                	            <p>
		                	             	<span>账号</span>
		                	             	<span>{$allpays.banknum1}</span>
		                	            </p>
		                	            <p>
		                	             	<span>开户行</span>
		                	             	<span>{$allpays.bankname1}</span>
		                	            </p>
		                	        </div>
	                	            <div>
		                	           	<p>
		                	             	<span>姓名</span>
		                	             	<span>{$allpays.bankown2}</span>
		                	            </p>
		                	            <p>
		                	             	<span>账号</span>
		                	             	<span>{$allpays.banknum2}</span>
		                	            </p>
		                	            <p>
		                	             	<span>开户行</span>
		                	             	<span>{$allpays.bankname2}</span>
		                	            </p>
		                	        </div>
	                	        </div>
	                	        <div class="btn_collect">
	                	            <button class="flnal_sub">转账至该银行</button><br />
	                	            <button class="flnal_sub">转账至该银行</button>
	                	        </div>
	                	    </div>
	                	    <div class="pay_scan">
	                	        <div class="scan_left">
	                	        	<img src="{$allpays.alipay}" style="height:100px;width:100px;">
		                	        <button class="flnal_sub">选择该二维码</button>
	                	        </div>
	                	        <div class="scan_right">
		                	        <img src="{$allpays.wechat}" style="height:100px;width:100px;">
		                	        <button class="flnal_sub">选择该二维码</button>
	                	        </div>
	                	    </div>
	                	    <!--最终提交界面-->
	                	    <div>
	                	        <p>请转账至下列银行账户中</p>
	                	        <form class="proof_form">
		                	        <div class="bank_information">
		                	            <p>
		                	            	<label for="">充值金额</label>
		                	            	<input type="text" name="rec_paper" />
		                	            </p>
		                	            <p>
		                	            	<label for="">姓名</label>
		                	            	<input type="text"  />
		                	            </p>
		                	            <p>
		                	            	<label for="">备注</label>
		                	            	<input type="text" name="proofpic" value="" hidden>
		                	            	<textarea name="account" cols="20" rows="4">
		                	            	</textarea>
		                	            </p>
		                	            <div class="proof">
	                                          <a href=" " class="file">选择文件
											    <input type="file" name="" id="" onchange="eee(this)">
											  </a> 
			                	            <p>点击上传转账截图</p>
		                	            </div>
		                	        </div>
		                	        <input type="submit" onclick="return toproof()" value="提交" class="pay_Ebank " />
		                	       <!--  onclick="return toproof()" -->
	                	        </form>
	                	    </div>
                	    </div>
                	</div>
                	<p class="pay_explain">充值说明：充值1000元升级到1级。提现100元后就降到0级，再充值100元又恢复到1级。</p>
                </div>
                <div class="show_hide my_wallet"  style="display: none;">
                	<p>提现</p>
                	<div>
                		<p>可提现金额</p>
                		<p>10086</p>
                		<button class="click_detail">去众筹</button>
                	</div>
                	<div>
                		<p>佣金</p><p>10086</p>
                		<button class="click_detail">去众筹</button>
                	</div>
                </div>
                <div class="show_hide p_safe"  style="display: none;">
                	<p>安全问题</p>
                	<div class="safe_show_hide">
                		<p>安全中心</p>
                		<div class="safe_img">
                			<img src="/static/img/lock.png" alt="" />
                			<br />
                			<img src="/static/img/mine.png" alt="" />
                			<br />
                			<img src="/static/img/problem.png" alt="" />
                			<br />
                			<img src="/static/img/bank-1.jpg" alt="" />
                			<br />
                		</div>
                		<div class="safe_word">
                			<p>
                				<span>登陆密码</span>
                				<span class="btn_safe">修改登陆密码</span>
                			</p>
		                	<p>
		                		<span>交易密码</span>
		                		<span class="btn_safe">修改交易密码</span>
		                	</p>
		                	<p>
		                		<span>安全问题</span>
		                		<span class="btn_safe">去设定<span>
		                	</p>
		                	<p>
		                		<span>绑定银行卡</span>
		                		<span class="btn_safe">去绑定<span>
		                	</p>
                		</div>
                	</div>
                	<div class="safe_show_hide">
                		<p>安全中心-修改登录密码</p>
                		<form action="javascript:;" class="rpwd" onsubmit="return torpwd()">
                			<div class="safe_revise_pass">
	                			<p>
	                				<label for="">旧登陆密码</label>
	                				<input type="text" name="oldpwd" placeholder="请输入旧登陆密码"/>
	                			</p>
	                			<p>
	                				<label for="">新登陆密码</label>
	                				<input type="text" name="newpwd" placeholder="请设置6~22位新密码"/>
	                			</p>
	                			<p>
	                				<label for="">重复密码</label>
	                				<input type="text" name="rpwd" placeholder="请确认6~22位新密码"/>
	                			</p>
	                			<button type="submit">保存</button>
                			</div>
                		</form>
                	</div>
                	<div class="safe_show_hide ">
                		<p>安全中心-修改交易密码</p>
                		<form action="javascript:;" class="bspwd" onsubmit="return busspwd()">
	                		<div class="safe_revise_pass">
	                			<p>
	                				<label for="">旧交易密码</label>
	                				<input type="text" name="oldbspwd" placeholder="若没有可为空"/>
	                			</p>
	                			<p>
	                				<label for="">新交易密码</label>
	                				<input type="text" name="bspwd" placeholder="请设置6~22位新密码"/>
	                			</p>
	                			<p>
	                				<label for="">重复密码</label>
	                				<input type="text" name="rbspwd" placeholder="请确认6~22位新密码"/>
	                			</p>
	                			<button type="submit">保存</button>
	                		</div>
                		</form>
                	</div>
                	<div class="safe_show_hide">
                		<p>安全中心-修改安全问题</p>
                		<form action="javascript:;" method="post" class="safe">
	                		<div class="question">
	                			<p>问题1：你父母在哪认识的？</p>
	                			<p><label for="">答案：</label><input name="str1" type="text" /></p>
	                			<p>问题2：你的理想工作是什么？</p>
	                			<p><label for="">答案：</label><input name="str2" type="text" /></p>
	                			<p>问题3：你童年的错号是什么？</p>
	                			<p><label for="">答案：</label><input name="str3" type="text" /></p>
	                			<button type="button" onclick="return safe()">保存</button>
	                		</div>
                		</form>
                	</div>
                	<div class="safe_show_hide" id='bank_card'>
                		<p>安全中心-绑定银行卡</p>
                		<form action="javasvript" method="post" class="perfect">
                		<div class="safe_revise_pass bank_cark">
                			<p>银行卡类型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 储蓄卡（借记卡）</p>
                			<p><label for="">姓名</label><input name="username" type="text" placeholder="请输入开户人姓名"/></p>
                			<p><label for="">身份证号</label><input name="ID_card_number" type="text" placeholder="请输入身份证号码"/></p>
                			<p><label for="">银行卡号</label><input name="bank_num" type="text" placeholder="请输入银行卡号"/></p>
                			<p><label for="">开户行</label><input name="bank_name" type="text" placeholder="请输入开户行"/></p>
                			<!-- <p><label for="">开户支行</label><input type="text" name="" placeholder="请输入某某支行"/></p> -->
                			<button type="button" onclick="return perfect()">提交</button>
                		</div>
                		</form>
                	</div>
                </div>
            </div>     <!--不能跟其他的show_hide放在一起，会出错 -->
            <div class="news_toggle"  style="display: none;">
            	<div class="news_box"
            		<p>行业动态</p>
                	<div>
                		<p>咨询标题</p>
                		<p class="news_one">
                		资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容</p>
                	</div>
                	<div>
                		<p>咨询标题</p>
                		<p class="news_one">
                		资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容</p>
                	</div>
                	<div>
                		<p>咨询标题</p>
                		<p class="news_one">
                		资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容</p>
                	</div>
                	<div>
                		<p>咨询标题</p>
                		<p class="news_one">
                		资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容</p>
                	</div>
                	<div>
                		<p>咨询标题</p>
                		<p class="news_one">
                		资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯容资讯内容资讯内容资讯内容资讯讯内容资讯内容资讯内容资讯内容资讯内容资讯内容资讯内容讯内容资讯内容资讯内容资讯内容资讯内容</p>
                	</div>
            	</div>
            	<div class="news_box">
            		<p>官方公告</p>
                	<div>
                		<p>公告标题</p>
                		<p class="news_one">
                		公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告</p>
                	</div>
            	</div>
            	<div class="news_box">
            		<p>新闻资讯</p>
            		<div>
                		<p>新闻标题</p>
                		<p class="news_one">新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻新闻</p>
                	</div>
            	</div>
            </div>
		</div>
		<ul class="click p_click">
			<li class="btn_service"><img src="/static/img/service.png" alt="客服" /><br />客服</li>
			<li class="app_red_letter_btn"><img src="/static/img/new_hand.png" alt="新手" /><br />新手</li>
			<li class="app_red_letter_btn"><img src="/static/img/letter、.png" alt="信" /><br />信</li>
		</ul>
	</div>


    <!--提现部分-->
	<div class="reflect_out_box">
		<div class="reflect_box">
			<a><img src="/static/img/cancel.png" alt="cancel" title="关闭" class="person_cancel" /></a>
			<p><span>提现到银行卡</span><span>{$user.bank_name}({$user.bank_num|substr=###,-4})</span></p>
			<p><span>可用资金</span><span>佣金</span></p>
			<div class="inner_box">
				<p>提现金额(收取{$stkey}%手续费)</p>
				<p>
					<label for="">￥</label>
					<input class="cash" type="text" />
				</p>
				<span>可提现{$user.available_funds}</span>
			</div>
			<span>收取手续费***元</span>
			<button onclick="cash()">提现</button>
		</div>
	</div>
	<div class="jymm">
		<img src="/static/img/cancel.png">
		<input type="password" placeholder="请输入支付密码" />
		<button>确认</button>
	</div>
{/block}
{block name='box'}
{/block}
{block name='script'}

<script src="/static/js/personal_center.js"></script>
<script src="/static/js/schedule.js"></script>
<script> //日历插件部分
	var mySchedule = new Schedule({
		el: '#schedule-box',
		//date: '2018-9-20',
		clickCb: function (y,m,d) {
			document.querySelector('#h3Ele').innerHTML = '日期：'+y+'-'+m+'-'+d	
		},
		nextMonthCb: function (y,m,d) {
			document.querySelector('#h3Ele').innerHTML = '日期：'+y+'-'+m+'-'+d	
		},
		nextYeayCb: function (y,m,d) {
			document.querySelector('#h3Ele').innerHTML = '日期：'+y+'-'+m+'-'+d	
		},
		prevMonthCb: function (y,m,d) {
			document.querySelector('#h3Ele').innerHTML = '日期：'+y+'-'+m+'-'+d	
		},
		prevYearCb: function (y,m,d) {
			document.querySelector('#h3Ele').innerHTML = '日期：'+y+'-'+m+'-'+d	
		}
	});
	function damtoajax ()
	{
		var aa;
		$.ajax({
			url:"{:url('signin')}",
			type:'post',
			async:false,
			dataType:'json',
			success:function(data){
				aa = data;
				window.sessionStorage.setItem("dame",aa);
			}
		});
		return aa;
	}

	function tosign () 
	{
		$.ajax({
			url : '{:url("tosign")}',
			type : 'post',
			success : function (data) {
				if (data.code) {
					layer.msg(data.msg);
					window.sessionStorage.removeItem("dame");
					setTimeout(function () {
	                    history.go(0);
	                }, 1000);
				} else {
					layer.msg(data.msg);
				}
			}
		});
	}

	function getcode () {
		$.ajax({
			url : '{:url("qrcode")}',
			type :'post',
			success : function (data) {
				if (data.code) {
					$('#groom').empty();
					var pot = '<p>推荐二维码</p><img src = "'+data.gr_img+'">';
					pot += '<p>&nbsp;</p><p>我的推荐链接：</p><p>'+data.codepath+'</p>';
					$('#groom').html(pot);
					$('.withdraw').find('input').css('display','none');
				}else{
					layer.msg(data.msg);
				}
			}
		});
	}

	function eee(data)
	{
		var dada = $(data);
        var data = new FormData();
        data.append('file', dada[0].files[0]);
        var index = layer.load(1, { shade: false }); //0代表加载的风格，支持0-2
        $.ajax({
            url: '{:url("upload")}',
            type: 'POST',
            data: data,
            cache: false,
            contentType: false,
            processData: false,
            success: function(data) {
                layer.msg(data.msg);
                if (data.code) {
                	$('.proof').empty();
                	$('.proof').html('<img src="'+data.data+'" style="width:50px;height:50px;">');
                    $('input[name="proofpic"]').val(data.data);
                }
                layer.close(index);
            },
            error: function() {
                layer.close(index);
                layer.msg('上传出错');
            }
        });
    }

    function toproof()
    {
		$.post("{:url('proof')}", $('.proof_form').serialize()).success(function (data) {
			layer.msg(data.msg, { icon: 6, time: 1000 });
            if (data.code) {
                setTimeout(function() {
                    history.go(0);
                }, 500);
            }
		});
		return false;
    }

    function torpwd()
    {
    	$.post("{:url('/index/index/rpwd')}", $('.rpwd').serialize()).success(function (data) {
    		layer.msg(data.msg);
    	});
    	return false;
    }

    function busspwd()
    {
    	$.post("{:url('/index/index/bspwd')}", $('.bspwd').serialize()).success(function (data) {
    		layer.msg(data.msg);
    	});
    }

    function safe()
    {
    	$.post("{:url('/index/index/safe')}",$('.safe').serialize()).success(function (data){
    		layer.msg(data.msg, { icon: 6, time: 1000 });
            if (data.code) {
                setTimeout(function() {
                    history.go(0);
                }, 500);
            }
    	});
    	return false;
    }

    function perfect()
    {
    	$.post("{:url('/index/index/perfect')}",$('.perfect').serialize()).success(function (data){
    		layer.msg(data.msg, { icon: 6, time: 1000 });
            if (data.code) {
                setTimeout(function() {
                    history.go(0);
                }, 500);
            }
    	});
    	return false;
    }

    function cash(){
    	$.post("{:url('funds')}",{funds: $('.cash').val()},function(data){
    		layer.msg(data.msg, { icon: 6, time: 1000 });
    		if (data.code) {

    		}
    	});
    }
   // //提交弹出交易密码
      // $('#Pay_TJ').click(function(){
      // 	$('.jymm').css('display','block');
      // 	return false;
      // })
      // $('.jymm>img').click(function(){
      // 	$(this).parent('.jymm').css('display','none');
      // })

</script>
{/block}